/**
 * Created by pengzhenjin on 14-11-17.
 */
var options = {
    mode: "horizontal",     //slides滑动方式，水平
    slidesPerView: 2,   //旋转模式下，设置slider's容器能够同时显示的slides数量。另外，支持'auto'值，会根据容器container的宽度调整slides数目。‘auto’不兼容loop模式
    calculateHeight: true, //当值为true时，Swiper根据slides内容计算容器高度。响应式布局中或不知道slides高度时十分有用（就像响应式的图片）
    roundLengths: true,    //值为true时，Swiper会四舍五入宽度和高度，在响应式的滑块中包含误差时十分有用。//
    loop: false     //是否循环滑动，true（循环）false（不循环）
};

$(document).ready(function () {
    initTemplate();
    
    $("#nav_back").click(function() {
        back();
    });
    $("#nav_next").click(function () {
        nextStep();
    });
});
//判断编辑状态还是展示状态
function shouldShowbottom() {
    var container = $("#container");
    var height = $(window).height() - 47;
    container.height(height);
}
/**
 * 初始化模板
 */
function initTemplate() {
    shouldShowbottom();
    var mySwiper1 = new Swiper("#swiper_container_1", options);

    $(".thumbnail:eq(0)").css("background-color", "#e0e0e0").css("color", "#0000ff");

    $(".thumbnail").each(function (i) {
        $(this).click(function () {
            //改版模板缩略图样式
            $(".thumbnail").css("background-color", "#ffffff").css("color", "#000000");
            $(this).css("background-color", "#e0e0e0").css("color", "#0000ff");

            //显示模板缩略所对应的模板内容
            //$(".swiper-container").hide();
            //$(".swiper-container").eq(i).show();

            new Swiper("#swiper_container_" + (i + 1), options);
        });
    });
}

//返回上个界面
function back(){
    window.history.back();
}
//跳转到下一步
function nextStep() {
	$("#set_tpl").submit();
}